<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
    	<meta charset="utf-8">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1" id="viewport" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		
		<link type="text/css" rel="stylesheet" href="../../template/css/com/com.css"/>
		<link type="text/css" rel="stylesheet" href="../../template/css/list/style.css"/>
		<script src="../../template/js/jquery.js"></script>
		<script src="../../template/js/com/com.js"></script>
		<script src="../../template/js/com/template.js"></script>
		<script src="../../resource/my.js"></script>
		<script src="../../script/api.js"></script>
	    <link rel="stylesheet" href="../../resource/weui.min.css" />
	    <link rel="stylesheet" href="../../resource/jinsuistyle.css" />
        <style type="text/css">

			.jq{
				background-color:#E5E5E5;
				width:90%;
				height:40%;
				top: 0px;
				bottom: 0px;
				left: 0px;
				right: 0px;
				margin-left: auto;
				margin-right: auto;
				
			}
			.jq table tr td{
				
				font-size: small;
				text-align: center;
				color: #660099;
				
			}
			.jq table thead tr td{
				
				font-size: larger;
				color: #6666FF;
				padding-left: 0px;
			}
			.jqmz{
				width:33%;
		   		display:block;
		   		float:left;
		   		text-align:center;
				font-size: medium;
				color: #660099;
				margin-bottom: 10px;
				
			}
        </style>
        <!-- <script language="javascript" src="http://count26.51yes.com/click.aspx?id=268836397&logo=12" charset="gb2312"></script> -->
        <script type="text/javascript">
        
        var name;
        var jqCityCode;
        var jqDisCode;
        var jqCode;
          window.apiready = function() {
          	api.ajax({
	              url:'http://wechat.scjinsui.com/weixin/jdyd/jqxx.do?dm=1000',
		          method: 'get',
		          cache: 'false',
		          timeout: 30,
		          dataType: 'json'
              },function(ret,err){
                console.log(JSON.stringify(ret));
              	var data = eval("("+ret.list+")");
              	var html = "";
              	html = '<span class="jqmz" onclick=menu("'+data[1].JQMC+'","'+data[1].JQDM+'")>'+data[1].JQMC+'</span>'+
              			'<span class="jqmz" onclick=menu("'+data[0].JQMC+'","'+data[0].JQDM+'")>'+data[0].JQMC+'</span>';
				var jq = document.getElementById("jq");
				$api.append(jq, html);
              	//alert(JSON.stringify(data));
              });
        	
            /* 智能调整顶部导航栏 */
            // var header = $api.byId('js-com-header-area');
            var header = $api.byId('jsheader');
            if(api.systemType=='ios'){
        			$api.fixIos7Bar(header);
        		}
//      		else{
//      			$api.fixStatusBar(header);
//      		}
       	 }
	        function menu(jqName,jqCode){
	        		api.openWin({
				    name: 'hotel_reserve_home',
				    url: './hotel_reserve_home.html',
				    pageParam: {
				        name:jqName,
				        jqCode:jqCode
				    }
				});
	        }
    </script>
    </head>
    <body>
    <div style="height: 20px;"></div>
      <div id="jsheader">
          <nav id="jsnav">
              <a id="jsleft" tapmode="" onclick="api.closeWin();">
                  <span>返回</span>
              </a>
              <div id="jsmiddle">
                  <strong id="jstitle" style="margin-right: 30px;">酒店预订</strong>
              </div>
              <a id="jsright">
                <span></span>
              </a>
          </nav>
      </div>
	<div class="com-content">

		<div class="com-header-area" id="js-com-header-area">
			<!-- <a href="" class="com-header-logo"
				style="width:100%;color:#FFFFFF;text-align:center;font-size:20px;">职场生活</a> -->
				<img src="../../image/myHote2.jpg" style="width:100%;height: 160px"/>
				
			<dfn></dfn>
			<div class="clear"></div>
		</div>
		<div class="com-content-area all_bg" id="js-com-content-area" style="min-height:66%;padding-top:10px;">
			<div id="jq" class="jq">
			<p style="text-align: center;font-size: large;color: #005DA9;margin-bottom: 10px;">景区</p>
			
			</div>
		</div>
		
		<div class="com-footer-area footer" id="js-com-footer" style="width:100%;position: absolute;bottom: 0;">
				<img src="../../image/db.png" style="width:100%;"/>
		</div>
		
	</div>
</body>

</html>
